<html><!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo - 旋转木马</title>
<script src="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/seed.js" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
<link rel="stylesheet" href="../../../../../../g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css" tppabs="http://g.tbcdn.cn/kissy/k/1.3.2/css/dpl/base.css"/>
<link rel="stylesheet" href="assets/demo6.css" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/switchable/assets/demo6.css"/>
</head>
<body>
<div id="demo4" class="s-demo scrollable">
    <span id="scroller-prev" class="prev disable">&lsaquo; 上一页</span>
    <span id="scroller-next" class="next">下一页 &rsaquo;</span>
    <div class="scroller">
        <div class="ks-switchable-content">
            <!-- 1-5 -->
            <img alt="" src="../../../../../../img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" tppabs="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" src="../../../../../../img02.taobaocdn.com/tps/i2/T1.XGaXalnXXXXXXXX-110-135.png" tppabs="http://img02.taobaocdn.com/tps/i2/T1.XGaXalnXXXXXXXX-110-135.png"/>
            <img alt="" src="../../../../../../img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" tppabs="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png"/>
            <img alt="" src="../../../../../../img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" tppabs="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png"/>
            <img alt="" src="../../../../../../img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" tppabs="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png"/>
            <!-- 5-10 -->
            <img id='carousel_lazy1' alt=""
                 data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <!-- 10-15 -->
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>
            <!--测试不为倍数的情况<img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png"/>-->
        </div>
        <ul class="ks-switchable-nav">
            <li class="ks-active">&bull;</li>
            <li>&bull;</li>
            <li>&bull;</li>
        </ul>

    </div>
</div>
<div style="margin:10px;">
    <label>
        位置（整数）：
        <input type="text" id="addIndex"/>
        <input type="checkbox" id="checkIndex"/>激活
    </label>
    <button id="btnAdd" type="button">添加</button>
</div>
<div style="margin:10px;">
    <label>
        位置（整数）：
        <input type="text" id="deleteIndex"/>
    </label>
    <button id="btnDelete" type="button">删除</button>
</div>
<div style="margin:10px;">
    <button id="btnDestroy" type="button">销毁</button>
</div>
<script src="assets/add-remove-carousel.js" tppabs="http://docs.kissyui.com/1.3/source/raw/demo/switchable/assets/add-remove-carousel.js"></script>

</body>
</html>